// pages/map/index.js
var QQMapWX = require('../../sdk/qqmap-wx-jssdk')

Page({
  qqmapsdk: new QQMapWX({
    key: 'ESXBZ-XP334-RNZUX-D6MZA-5AQNH-ARBQD'  // 注册后获得的key值
  }),

  /**
   * 页面的初始数据
   */
  data: {
    latitude:'24.297121',
    longitude:'109.448252',
    controls: [{
      id: 1,                                      // 在控件点击事件回调返回此id
      iconPath: '***',                // 图标路径资源
      position:{                             // 控件相当于地图的定位
        left: 0,                                 // 默认为0
        top: 10,                               // 默认为0
        width: 375,                         // 默认为图片宽度
        height: 71  },                       // 默认为图片高度
      clickable: true                      // 为true可以点击
    }],
    
    markers: {}
    
  },

  mapCtx:null,
  bindcontroltap: function(e) {
    // var id = e.controlId  // 获取id值
    // if (id === 1 ) { 
    //     wx.navigateTo({ url: '/pages/coupon/coupon' })
    //  } else if (id === 2) {
    //      // 将地图中心移动到当前定位点
    //      this.mapCtx.moveToLocation()
    //   }
},
// 获取中心点
bindregionchange: function(e) {
  // if( e.type === 'end' ){
  //   this.mapCtx.getCenterLocation({
  //     success: res=> {
  //       this.getFood(res.longitude, res.latitude)
  //   }
  //   })
    
  // }
},
// 事件触发，调用接口
getFood:function(){
  var _this = this;
  // 调用接口
  this.qqmapsdk.search({
     keyword: '餐饮',  //搜索关键词
     location: '24.297121,109.448252',  //设置周边搜索中心点
     success: function (res) { //搜索成功后的回调
       var mks = []
       for (var i = 0; i < res.data.length; i++) {
         mks.push({ // 获取返回结果，放到mks数组中
           title: res.data[i].title,
           id: res.data[i].id,
           latitude: res.data[i].location.lat,
           longitude: res.data[i].location.lng,
           iconPath: "../../image/my_marker2.png", //图标路径
           width: 20,
           height: 20
         })
         console.log("999");
         
       }
       _this.setData({ //设置markers属性，将搜索结果显示在地图中
         markers:mks
       })
     },
     fail: function (res) {
       console.log(res);
     },
     complete: function (res){
       console.log(res);
     }
 });
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
    wx.getSystemInfo({
      success: function(res) {
        console.log(res.model)         // 手机型号
        console.log(res.pixelRatio)   // 设备像素比
        console.log(res.windowWidth)  // 可使用窗口宽度
        console.log(res.windowHeight) // 可使用窗口高度
        console.log(res.language)      // 微信设置的语言
        console.log(res.version)       // 微信版本号
        console.log(res.platform)      // 客户端平台
       
      } })
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.mapCtx=wx.createMapContext('myMap')
    // this.nearby_search()
   
    var that = this
    // wx.getLocation({
    //   type: 'wgs84',
    //   success (res) {
    //     const latitude = res.latitude
    //     const longitude = res.longitude
    //     const speed = res.speed
    //     const accuracy = res.accuracy
    //     that.setData({
    //       latitude:'24.297121',
    //       longitude:'109.448252'
    //     })
    //   }
    // })  
   
    
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getFood()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})